import {createApp} from 'vue'
import App from './App.vue'
import router from './router'
import {registerMicroApps} from 'qiankun'

const app = createApp(App)
app.use(router)
app.mount('#app')

// 注册微应用
registerMicroApps([
    {
        name: 'sub-vue-app',
        entry: '//localhost:3001', // 子应用的访问地址
        container: '#subapp-container',
        activeRule: '/sub-app', // 激活规则，当路由以/sub-app开头时加载子应用
        props: {
            routerBase: '/sub-app' // 传递给子应用的基础路由
        },
        loader: (loading) => {
            // 你可以在这里根据 loading 状态控制主应用中的加载提示
            console.log('子应用加载状态:', loading);
            // 例如，你可以通过一个全局状态管理工具（如 Vuex）来设置一个 loading 状态，然后在 SubAppContainer 组件中根据这个状态显示或隐藏加载提示符。
        }
    }
])


